{extend name="default/base:index" /}
{block name="title"}{$data.title}{/block}
{block name="style"}
<link rel="stylesheet" href="__HOME__/css/pages/detail.css">
<link rel="stylesheet" href="__LIB__/markdown/css/editormd.preview.css">
<!--<link rel="stylesheet" type="text/css" href="__LIB__/markdown/lib/codemirror/codemirror.min.css">-->
<!--<link rel="stylesheet" type="text/css" href="__LIB__/markdown/css/editormd.css">-->
{/block}
{block name="seo"}
<meta name="keywords" content="{$data.keywords}">
<meta name="description" content="{$data.description}">
{/block}
{block name="g-path"}
<div class="g-path">
    <a class="path-item" href="/">{:lang('home-nav')}</a>/
    <a class="path-item" href="/{$lang_var}/article/{$data.category_id|getCategoryUrlById}/index.html">{$data.category_id|getCategoryNameByID}</a>
</div>
{/block}
{block name="g-main"}
<div class="g-main">
    <div class="content">
        <div class="blog-detail">
            <div class="title">
                <h2>{$data.title}</h2>
                {notempty name="$data.ftitle"}<h3>{$data.ftitle}</h3>{/notempty}
                <div class="icon-box">
                    <span><i class="iconfont icon-ios-shijian"></i>{$data.create_time|date='m/d/Y'}</span>
                    <span><i class="iconfont icon-yueduliang"></i>{$data.clicks}</span>
                    <!--<span class="zan"><i class="iconfont icon-zan"></i>200</span>-->
                </div>
            </div>
            <div id="markdown" class="des markdown-body editormd-html-preview" style="min-height: 1000px">
                {$data.markdown_html_code|raw}
            </div>
            <!--            <div class="community">-->
            <!--                <div class="zan">赞一个 <span class="iconfont icon-zan"></span></div>-->
            <!--                <div class="share">分享-->
            <!--                    <span class="iconfont icon-share"></span>-->
            <!--                    <div class="social">-->
            <!--                        <a href="#"><span class="iconfont icon-icon-test2"></span></a>-->
            <!--                        <a href="#"><span class="iconfont icon-icon-test1"></span></a>-->
            <!--                        <a href="#"><span class="iconfont icon-icon-test"></span></a>-->
            <!--                    </div>-->
            <!--                </div>-->
            <!--            </div>-->
            <!--<div class="label-box">-->
            <!--<span><a href="#">新品发布</a></span>-->
            <!--<span><a href="#">公司动态</a></span>-->
            <!--</div>-->
            <!--<div class="page-box">-->
            <!--<p><a href="#"> <span>上一篇</span> <span>【新品发布】睿因QUANTUM D6-宽带升级优选方案</span></a></p>-->
            <!--<p><a href="#"> <span>下一篇</span> <span>Wavlink Halo Base 分布式路由器</span></a></p>-->
            <!--</div>-->
        </div>
        <div class="link-box">
            <div class="references">
                <h4>{:lang('Reference material')}</h4>
                <div class="des markdown-body editormd-html-preview" id="refer">
                    {$data.refer_html_code|raw}
                </div>
            </div>
        </div>
        <div class="link-box">
            <div class="relevant">
                <h4>{:lang('Related articles')}</h4>
                <div class="des">
                    <!--<p><a href="#">【新品发布】睿因QUANTUM D6-宽带升级优选方案</a></p>-->
                    <!--<p><a href="#">HOW TO RESET WAVLINK ROUTER</a></p>-->
                    <!--<p><a href="#">Wavlink Halo Base 分布式路由器</a></p>-->
                    <!--<p><a href="#">UTD01 performs well under NUC8 windows 10</a></p>-->
                    <!--<p><a href="#">WHEN NUC8I3BEH MEETS WAVLINK UTE01 </a></p>-->
                </div>
            </div>
        </div>
        <div class="link-box">
        </div>
    </div>
</div>
{/block}
{block name="javascript"}
<script src="__LIB__/markdown/lib/marked.min.js"></script>
<script src="__LIB__/markdown/lib/prettify.min.js"></script>
<script src="__LIB__/markdown/lib/raphael.min.js"></script>
<script src="__LIB__/markdown/lib/underscore.min.js"></script>
<script src="__LIB__/markdown/lib/sequence-diagram.min.js"></script>
<script src="__LIB__/markdown/lib/flowchart.min.js"></script>
<script src="__LIB__/markdown/lib/jquery.flowchart.min.js"></script>
<script src="__LIB__/markdown/editormd.js"></script>
{/block}